<!-- 文档(document)类型(type)声明 需要作为首行 "代码" 出现 (除注释外) -->
<!DOCTYPE html> 
<!-- 文档类型声明中指定的 html 就是当前文档的 根(root)元素 -->

<!-- HTML注释 -->
<html>
    <head>
        <meta charset="UTF-8">
        <title>内联样式</title>
    </head>

    <body>

        <!-- 在 div 元素的 开始标签 中 可以指定 style 属性(attribute) ，用来指定当前 div 元素的样式 -->
        <!-- 而在 div 元素的 style 属性取值中指定的内容就是 Cascading Style Sheets -->
        <!-- 其中的 color 、border 、background 、font-size 都是CSS属性(css property) -->
        <div style="color: blue ; border : 10px red dotted ; background: yellow ; font-size: 30px ;">
            所谓
            <b style="color:black;">内联样式</b>
            就是在元素的开始标记中通过元素的style属性指定的样式，有些人也将其称作行内样式。
        </div>
        
    </body>

</html>
